@CHARSET "UTF-8";
html {
        font-size: 62.5%;
}
@media only screen and (min-width: 300px){
        html {
                font-size: 87.5%!important;
        }
}
@media only screen and (min-width: 360px){
        html {
                font-size: 94%!important;
        }
}
@media only screen and (min-width: 561px){
        html {
                font-size: 109%!important;
        }

}
@media only screen and (min-width: 641px){
        html {
                font-size: 125%!important;
        }
}
*{margin:0px;padding:0px;}
body{background:#d9d9d9;}
ul li{list-style:none;}
#container{background:#f2f2f2;border-radius:10px;width:90%;margin-left:5%;margin-top:15px;padding-bottom:15px; }
#header{height:50px;border-radius:10px 10px 0 0;background:#12a5b3;}
#header img{width:100%;padding-top:5px;}
#header .whrite,.circle{float:left;}
#header .circle{border:1px solid #fff;border-radius:100%;width:10px;height:10px;margin-top:25px;margin-left:20px;}
#header .whrite{color:#fff;padding-top:20px;margin-left:10px;font-size:1.2em;}
#footer{text-align:center;color:#555;font-size:0.9em;width:100%;position:absolute;font-size:1em;}
#footer div{margin-top:5px;}
#content{background:#fff;margin:30px 0px;width:90%;margin-left:5%;height:8rem;border-radius:5px;border:1px solid #ccc;font-size:1.2em;}
#content .content-top{border-bottom:1px solid #ccc;margin:1.5rem 0;width:96%;margin-left:2%;text-align:center;}
#content .content-top img{vertical-align:middle;height:25px;}
#content .content-top span{letter-spacing:3px;}
#content .content-main{margin-top:30px;text-align:center;font-size:0.8em;color:#ccc;}

a{color:#fff;text-decoration:none;font-size:1.4em;}
#btn,#back{width:90%;margin-left:5%;padding:10px 0px;background:#12a5b3;border-radius:10px;margin-top:2rem;text-align:center;}

#repair-content{margin:30px 0px;}
#repair-content .select ul .icon{width:44%;margin-left:3%;float:left;display:block;text-align:center;border:1px solid #ccc;padding:10px 0px; border-radius:7px;background:#FFF;}
#repair-content .select ul  .icon img{vertical-align:middle;float:right;margin-top:5px;margin-right:10px;}
#repair-content  .yincang1{z-index:5;border:1px solid #ccc;width:39.4%;text-align:center;background:#FFF;display:block;position:absolute;left:7.7%;top:134px;display:none}
#repair-content  .yincang2{z-index:5;border:1px solid #ccc;width:39.4%;text-align:center;background:#FFF;display:block;position:absolute;left:50.5%;top:134px;display:none}
#repair-content  .yincang1 .item{display:block;width:100%;padding:10px 0px;border-bottom:1px solid #ccc;color:#ccc}
#repair-content  .yincang2 .item{display:block;width:100%;padding:10px 0px;border-bottom:1px solid #ccc;color:#ccc}
#repair-content  .yincang2 .item:hover{color:#12a5b3;border-bottom:1px solid #12a5b3}
#repair-content  .yincang1 .item:hover{color:#12a5b3;border-bottom:1px solid #12a5b3}
#repair-content  .info ul li{padding:10px 0px;width:90%;margin-left:3%;display:block}
#repair-content  .info ul li:first-child{margin-top:10px;}
#repair-content  .info ul li div{margin-bottom:5px; color:#12a5b3;font-size:1.2em;}
#repair-content  .info ul li div span a{color:#aaa;font-size:1em}
#repair-content  .info ul li input{width:100%;height:40px;border-radius:10px;line-height:40px;font-size:1em;}
#repair-content  .info ul li textarea{width:100%;border-radius:10px;font-size:1.2em;}
#repair-content  .info ul li:last-child{ position:relative;}
#repair-content  .info ul li .txtcount{color:#888;position:absolute;bottom:10px;right:0px;z-index:5;}
#repair-content  .info ul li  select{width:26%;height:1.5rem;background:#fff;border-radius:0.5rem;}
#repair-content  .question-img .img-1{float:left;width:40%;margin-left:5%;height:8.5rem;border:2px dashed #ccc;border-radius:10px;text-align:center;line-height:10rem;font-size:10em;color:#ccc;}
#repair-content  .question-img .img-1 img{width:100%;height:8.5rem;display:block;border-radius:10px;}
#repair-content  .question-img .img-1-border{border:0px}

#main{background:#ebebeb;margin-top:2rem;width:90%;margin-left:5%;font-size:1.2em}
#left,#mid,#right{float:left;height:30rem}
#left,#right{width:45%;}
#mid{width:10%;background:url("../images/biguiyuan/time.png") no-repeat;background-size:100% 100%;}
#mid img{width:100%;height:30rem;}

#left div{width:100%;height:5rem;text-align:center;margin-bottom:3rem;}
#left div .word1{padding-top:1.5rem}
#left div .word2{padding-top:1rem}
#left  .word3{margin-left:1rem;background:url('../images/biguiyuan/greyl.png') no-repeat;background-size:89% 80%;margin-top:-8.5rem;}
#left div:first-child{margin-top:1rem;background:url("../images/biguiyuan/shuqianl.png") no-repeat;background-size:100% 100%;}
#left div:nth-child(3),#left div:last-child{margin-left:1rem;background:url('../images/biguiyuan/greyl.png') no-repeat;background-size:89% 86%;margin-top:-8.6rem;display:none}
#left div:nth-child(2){background:url('../images/biguiyuan/blue.png') no-repeat;background-size:89% 60%;margin-left:1rem;}
#left div:nth-child(4){background:url("../images/biguiyuan/shuqianl.png") no-repeat;background-size:100% 100%;margin-top:-1rem}
#left div:nth-child(5){background:url('../images/biguiyuan/pink.png') no-repeat;background-size:90% 60%;margin-top:rem;margin-left:1rem}


#right div{width:100%;height:5rem;text-align:center;margin-bottom:2rem}
#right div .word1{padding-top:1.5rem}
#right div .word2{padding-top:1rem}
#right div:first-child{margin-top:3rem;background:url("../images/biguiyuan/yellow.png") no-repeat;background-size:90% 60%;}
#right div:nth-child(2),#right div:nth-child(5){background:url("../images/biguiyuan/greyr.png") no-repeat;background-size:92% 82%;margin-top:-7.5rem;display:none}
#right div:nth-child(3){background:url('../images/biguiyuan/shuqianr.png') no-repeat;background-size:100% 100%;margin-top:-1rem}
#right div:nth-child(4){margin-top:3rem;background:url("../images/biguiyuan/green.png") no-repeat;background-size:90% 60%;}

#right div:last-child{background:url('../images/biguiyuan/shuqianr.png') no-repeat;background-size:100% 100%;margin-top:-1rem}


#tanceng{width:150px;text-align:center;background:#fff;padding:10px 0px;z-index:1000}
#tanceng{width:150px;text-align:center;background:#fff;padding:10px 0px;z-index:1000}
#tanceng .ok{margin-top:10px}




/* 以下为9.10号添加上传图片css  炎 */
.question-img .min_pic{color:#f60000}.upload_num{color:#0abcbc}
.question-img .upload_box{width:32%;height:80px;position: relative;display:none;float:left;margin-bottom:10px;box-sizing:border-box}
.question-img .upload_box.no_img{background:#eaeaea;background-image:url(../images/upload_back.png);background-position:center center;background-repeat:no-repeat;}
.upload_box:nth-child(2),.upload_box:nth-child(5),.upload_box:nth-child(8){margin-left:2%;margin-right:2%}
/* .upload_content{padding-bottom:0 !important;} */
.question-img .upload_box:first-child{display:block}
.question-img .upload_box .img{position: absolute;top: 0;left: 0;z-index:1}
/* .publish_btn{width:100%;padding:10px 0;text-align:center;background:#0abcbc;color:#fff;border:none;margin:10px 0;font-size:16px;} */
.question-img .upload_box input[type="file"]{position:relative;z-index:100}